@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl { margin: 0; padding: 0; }

ul, ol { list-style: none; }

em, i { font-style: normal; }

table { border-spacing: 0; border-collapse: collapse; margin: inherit; }

img { border: none; vertical-align: middle; }

input, select, button { vertical-align: middle; outline: none; }

a { text-decoration: none; color: #333; }

a:hover { color: #358FF0; }

body { background: #fff; min-width: 1200px; font-family: "Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif; outline: 0; color: #333; font-size: 14px; overflow-x: hidden; }

.fl { float: left; }

.fr { float: right; }

.hide { display: none; }

.clear:before, .clear:after { content: ''; display: block; clear: both; }

.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; }

.center { width: 1200px; margin: 0 auto; position: relative; }

/*字体按钮*/
.fonticon { width: 1.5em; height: 1.5em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }

.img { display: block; overflow: hidden; }

.img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.bgfff { background: #fff; }

a:hover .ico_jt::before, a:hover .ico_jt::after { background: var(--color); }

:root { --color:#358FF0; --hovercolor:#2476EA; --hoverbgopacity:#EFF6FE; }

.flex1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

/*t头部*/
.header-wrap .header-top { height: 36px; line-height: 36px; font-size: 12px; }

.header-wrap .header-top .center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; }

.header-wrap .header-top .center a { color: #333; }

.header-wrap .header-top .center a[href]:hover { color: #358FF0; }

.header-wrap .header-top .center .flex1 { text-align: right; height: 30px; }

.header-wrap .header-top .center .flex1 a { color: #666666; }

.header-wrap .header-top .center .flex1 a::before { content: '|'; margin: 0 10px; opacity: 0.4; font-size: 10px; margin-top: -4px; display: inline-block; vertical-align: middle; height: 12px; line-height: 12px; }

.header-wrap .header-top .center .flex1 a:first-of-type::before { display: none; }

.header-wrap .header-top .center .flex1 .btn { height: 18px; line-height: 18px; border: 1px solid #FF5050; border-radius: 4px; display: inline-block; vertical-align: middle; padding: 0 6px; background: #fff; color: #FF5050; }

.header-wrap .header-top .center .flex1 .btn:hover { color: #fff; background: #FF5050; }

.header-wrap .header-top .center .flex1 .btn::before { display: none; }

.header-wrap .header-center { background: #fff; }

.header-wrap .header-center > .center { display: -webkit-box; display: -ms-flexbox; display: flex; height: 102px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.header-wrap .header-center .logo { line-height: 40px; font-size: 30px; font-weight: bold; width: auto; height: 80px; }

.header-wrap .header-center .logo img { width: auto; height: 80px; }

.header-wrap .header-center .search { width: 468px; height: 46px; border-radius: 8px 8px 8px 8px; opacity: 1; border: 1px solid #358FF0; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.header-wrap .header-center .search .input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; border: none; background: none; padding: 0 10px; font-size: 16px; color: #aaa; }

.header-wrap .header-center .search .button { width: 88px; border: none; background: none; background: #358FF0; color: #fff; font-size: 16px; cursor: pointer; outline: none; }

.header-wrap .header-center .search .button:hover { opacity: 0.9; }

.header-wrap .header-nav { height: 70px; line-height: 70px; background: var(--color); }

.header-wrap .header-nav li { width: 160px; float: left; color: #fff; height: 70px; text-align: center; font-size: 18px; position: relative; }

.header-wrap .header-nav li a { display: block; width: 100%; height: 100%; cursor: pointer; color: #fff; }

.header-wrap .header-nav li.on, .header-wrap .header-nav li:hover { background: var(--hovercolor); font-weight: bold; font-size: 20px; }

.header-wrap .header-nav li.hot::after { content: ''; display: block; background: url("../images/hot.png"); width: 42px; height: 28px; position: absolute; right: 0px; top: -8px; }

.header-wrap.theme .header-top { background: #F5F5F7; }

.header-wrap.theme .header-top a { color: #666; }

.header-wrap.theme .header-center > .center { height: 90px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.header-wrap.theme .header-center > .center .logo { height: 90px; }

.header-wrap.theme .header-center > .center .logo img { height: 90px; }

/*底部*/
.footer-wrap { background: #444; color: #BBBBBB; padding: 20px 0; font-size: 15px; }

.footer-wrap p { text-align: center; line-height: 30px; }

.footer-wrap p span { padding: 0 0px 0 30px; }

.footer-wrap a { color: #BBBBBB; }

.footer-wrap a:hover { opacity: 1; color: #358FF0; }

.common { min-height: calc(100vh - 388px); padding-top: 20px; }

.title { height: 60px; line-height: 60px; overflow: hidden; position: relative; }

.title .bt { float: left; font-size: 22px; font-weight: bold; }

.title .bt::before { position: absolute; left: 0px; top: 50%; margin-top: -15px; width: 24px; height: 24px; background: var(--color); border-radius: 50%; opacity: 0.3; content: ''; }

.title .bt span { position: relative; z-index: 1; padding-left: 8px; }

.title .more { float: right; color: #666; cursor: pointer; }

.title .more:hover { color: var(--color); }

.title.bor { border-bottom: 1px solid #f1f1f1; }

.title.bor .bt::before { display: none; }

.title2 { font-size: 18px; border-bottom: 1px solid #F1F1F1; height: 52px; line-height: 52px; }

.title2 .tab { margin-right: 32px; position: relative; height: 52px; display: block; float: left; cursor: pointer; }

.title2 .tab.on, .title2 .tab:hover { color: var(--color); font-weight: bold; }

.title2 .tab.on::after, .title2 .tab:hover::after { width: 100%; height: 2px; background: var(--color); left: 0px; bottom: 0px; position: absolute; content: ''; }

.title_bt { height: 38px; line-height: 38px; background: #F5F5F7; border-radius: 4px 4px 4px 4px; display: block; padding: 0 16px; }

.title_bt .bt { float: left; font-size: 18px; }

.title_bt .more { float: right; color: #666666; font-size: 14px; }

.title_bt .more:hover { color: var(--color); }

.title_bt .more span { font-family: serif; padding-left: 5px; }

.title_switch { height: 54px; border-bottom: 1px solid var(--color); margin-bottom: 20px; }

.title_switch .flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.title_switch .flex li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.title_switch li { float: left; height: 52px; line-height: 52px; border: 1px solid transparent; font-size: 18px; text-align: center; border-radius: 8px 8px 0 0; cursor: pointer; }

.title_switch li a { display: block; padding: 0 30px; min-width: 100px; }

.title_switch li.on { background: var(--hoverbgopacity); font-weight: bold; padding-bottom: 1px; border-color: var(--color); border-bottom-color: var(--hoverbgopacity); }

.title_switch li.on a { color: var(--color); }

.title_switch_small { height: 44px; padding: 20px 0 16px; }

.title_switch_small li { float: left; height: 42px; line-height: 42px; border: 1px solid #EFEFEF; font-size: 16px; text-align: center; border-radius: 8px; background: #f9f9f9; margin-right: 16px; }

.title_switch_small li:last-child { margin-right: 0px; }

.title_switch_small li a { display: block; padding: 0 4px; min-width: 100px; }

.title_switch_small li.on, .title_switch_small li:hover { background: var(--color); border-color: var(--color); color: #fff; }

.title_switch_small li.on a, .title_switch_small li:hover a { color: #fff; }

.ContL { width: 768px; margin-right: 40px; }

.commentheme1 { background: #F9F9F9; padding-top: 0px; }

.commentheme1 .cumber { padding-top: 20px; }

.commentheme1 .ContL { width: 218px; margin-right: 30px; }

.commentheme1 .ContR { width: 952px; }

.commentheme1 .ContR .bgfff { padding: 15px 30px; }

.ContR { width: 392px; }

.ContR .Ritem { padding-bottom: 20px; }

.ContR .Ritem .title { height: 30px; line-height: 30px; }

.cumber { color: #999; height: 20px; line-height: 20px; overflow: hidden; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-bottom: 5px; }

.cumber a { color: #999; }

.cumber a[href]:hover { color: var(--color); }

.cumber span { font-family: serif; padding: 0 5px; }

.Iindexbox { padding-bottom: 20px; overflow: hidden; }

/*首页板块1*/
.Iindex1 .Iindex1-1 { width: 530px; }

.Iindex1 .Iindex1-1 .swiper { height: 300px; border-radius: 16px; overflow: hidden; width: 100%; margin-bottom: 8px; }

.Iindex1 .Iindex1-1 .swiper .img { width: 100%; height: 300px; display: block; color: #fff; overflow: hidden; position: relative; border-radius: 16px; }

.Iindex1 .Iindex1-1 .swiper .img:hover { color: var(--color); }

.Iindex1 .Iindex1-1 .swiper .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Iindex1 .Iindex1-1 .swiper .img p { height: 144px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); opacity: 1; position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 20px; padding-top: 94px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 40px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Iindex1 .Iindex1-1 .swiper .swiper-button-prev, .Iindex1 .Iindex1-1 .swiper .swiper-button-next { background: none; background: url("../images/prev.png") no-repeat center; width: 32px; height: 32px; cursor: pointer; margin-top: -16px; }

.Iindex1 .Iindex1-1 .swiper .swiper-button-prev:hover, .Iindex1 .Iindex1-1 .swiper .swiper-button-next:hover { opacity: 0.9; }

.Iindex1 .Iindex1-1 .swiper .swiper-button-prev::after, .Iindex1 .Iindex1-1 .swiper .swiper-button-next::after { display: none; }

.Iindex1 .Iindex1-1 .swiper .swiper-button-next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.Iindex1 .Iindex1-1 .list { font-size: 14px; }

.Iindex1 .Iindex1-1 .list .li_a .box { width: 166px; display: block; float: left; margin-right: 16px; }

.Iindex1 .Iindex1-1 .list .li_a .box:nth-child(3n) { margin-right: 0px; }

.Iindex1 .Iindex1-1 .list .li_a .box:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Iindex1 .Iindex1-1 .list .li_a .box .img { width: 100%; height: 92px; border-radius: 10px; }

.Iindex1 .Iindex1-1 .list .li_a .box p { height: 20px; line-height: 20px; overflow: hidden; padding-top: 8px; text-align: center; font-size: 14px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Iindex1 .Iindex1-1 .list .li_b .p { padding-top: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; height: 28px; line-height: 28px; }

.Iindex1 .Iindex1-1 .list .li_b .p span { color: var(--color); padding-right: 10px; }

.Iindex1 .Iindex1-1 .list .li_b .p p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Iindex1 .Iindex1-1 .list .li_b .p .btn { display: block; width: 64px; background: var(--hoverbgopacity); color: var(--color); text-align: center; border-radius: 6px; font-size: 13px; }

.Iindex1 .Iindex1-1 .list .li_b .p .btn:hover { background: var(--color); color: #fff; }

.Iindex1 .Iindex1-2 { width: 440px; padding: 0 30px; }

.Iindex1 .Iindex1-2 .h1_a { height: 25px; line-height: 25px; font-size: 20px; display: block; color: #FF803D; text-align: center; font-weight: bold; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Iindex1 .Iindex1-2 .h2_a { height: 16px; line-height: 16px; padding-top: 16px; overflow: hidden; color: #FF803D; font-size: 14px; }

.Iindex1 .Iindex1-2 .h2_a a { color: #FF803D; display: block; height: 100%; float: left; width: 50%; text-align: center; overflow: hidden; }

.Iindex1 .Iindex1-2 .list { margin-top: 17px; border-top: 1px solid #F1F1F1; padding-top: 9px; position: relative; }

.Iindex1 .Iindex1-2 .list::before { left: 3px; top: 25px; border: 1px dashed #CFCFCF; height: calc(100% - 45px); content: ''; position: absolute; z-index: 1; }

.Iindex1 .Iindex1-2 .list li { height: 38px; line-height: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 1; }

.Iindex1 .Iindex1-2 .list li:hover::before { background: var(--color); }

.Iindex1 .Iindex1-2 .list li::before { content: ''; width: 4px; height: 4px; background: #CFCFCF; border-radius: 50%; opacity: 1; display: block; left: 2px; top: 50%; margin-top: -2px; position: absolute; }

.Iindex1 .Iindex1-2 .list li p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 20px; font-size: 14px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Iindex1 .Iindex1-2 .list li span { color: #999; font-size: 13px; }

.Iindex1 .Iindex1-3 { width: 170px; }

.Iindex1 .Iindex1-3 .list .box { margin-bottom: 16px; display: block; }

.Iindex1 .Iindex1-3 .list .box:last-child { margin-bottom: 0px; }

.Iindex1 .Iindex1-3 .list .box:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Iindex1 .Iindex1-3 .list .box .img { width: 100%; height: 93px; border-radius: 10px; }

.Iindex1 .Iindex1-3 .list .box p { padding-top: 8px; font-size: 14px; line-height: 20px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.Iindex2 > .clear + .clear { padding-top: 10px; }

.Iindex2 > .clear + .clear .Iindex2-1 { padding-top: 15px; }

.Iindex2 .Iindex2-1 { width: 768px; }

.Iindex2 .Iindex2-1 .title { padding-bottom: 8px; }

.Iindex2 .Iindex2-1 .list { padding-bottom: 40px; }

.Iindex2 .Iindex2-1 .list:last-child { padding-bottom: 0px; }

.Iindex2 .Iindex2-1 .list .box { float: left; margin: 16px 24px 0 0; display: block; overflow: hidden; width: 174px; height: 62px; border-radius: 10px; position: relative; }

.Iindex2 .Iindex2-1 .list .box img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.Iindex2 .Iindex2-1 .list .box .motai { position: absolute; top: 100%; left: 0px; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.Iindex2 .Iindex2-1 .list .box .motai .btn { width: 62px; height: 30px; background: var(--color); border-radius: 30px; opacity: 1; color: #fff; text-align: center; line-height: 30px; font-size: 14px; overflow: hidden; }

.Iindex2 .Iindex2-1 .list .box:hover .motai { top: 0px; }

.Iindex2 .Iindex2-1 .list .box:nth-child(4n) { margin-right: 0px; }

.Iindex2 .Iindex2-1 .list .box.box2 { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; border: 1px solid #EFEFEF; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.Iindex2 .Iindex2-1 .list .box.box2 img { width: 46px; height: 46px; border-radius: 10px; overflow: hidden; margin: 0 16px 0 24px; }

.Iindex2 .Iindex2-1 .list .box.box2 p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 16px; }

.Iindex2 .Iindex2-1 .list ul li { float: left; width: 78px; margin-right: 60px; margin-top: 24px; }

.Iindex2 .Iindex2-1 .list ul li:nth-of-type(6n) { margin-right: 0px; }

.Iindex2 .Iindex2-1 .list ul li .img { width: 78px; height: 78px; border-radius: 10px; display: block; }

.Iindex2 .Iindex2-1 .list ul li .name { height: 43px; width: 100%; text-align: center; line-height: 43px; overflow: hidden; display: block; font-size: 16px; }

.Iindex2 .Iindex2-1 .list ul li .btn { display: block; height: 32px; background: #F6F6F6; border-radius: 6px; display: block; overflow: hidden; text-align: center; line-height: 32px; color: #999; }

.Iindex2 .Iindex2-1 .list ul li .btn:hover { background: var(--color); color: #fff; }

.Iindex2 .Iindex2-2 { width: 392px; }

.Iindex2 .Iindex2-2 .list li { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; padding-top: 24px; }

.Iindex2 .Iindex2-2 .list li .img { width: 142px; height: 90px; display: block; border-radius: 10px; margin-right: 16px; }

.Iindex2 .Iindex2-2 .list li .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Iindex2 .Iindex2-2 .list li .flex1 { overflow: hidden; }

.Iindex2 .Iindex2-2 .list li .flex1 .name { font-size: 16px; line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.Iindex2 .Iindex2-2 .list li .flex1 .bq { height: 24px; line-height: 24px; padding-top: 16px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; }

.Iindex2 .Iindex2-2 .list li .flex1 .bq .p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.Iindex2 .Iindex2-2 .list li .flex1 .bq .p .lab { background: #FFF2EC; border-radius: 5px 5px 5px 5px; padding: 0 7px; float: left; color: #FF803D; font-size: 12px; margin-right: 5px; }

.Iindex2 .Iindex2-2 .list li .flex1 .bq span { font-size: 13px; color: #999; }

.Iindex2 .Iindex2-2 .list2 li { padding-top: 24px; }

.Iindex2 .Iindex2-2 .list2 li .box { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.Iindex2 .Iindex2-2 .list2 li .box .img { width: 78px; height: 78px; border-radius: 18px; margin-right: 16px; }

.Iindex2 .Iindex2-2 .list2 li .box .flex1 { overflow: hidden; }

.Iindex2 .Iindex2-2 .list2 li .box .flex1 .name { display: block; overflow: hidden; line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; height: 48px; padding-top: 5px; }

.Iindex2 .Iindex2-2 .list2 li .box .flex1 p { height: 20px; line-height: 20px; overflow: hidden; color: #999; overflow: hidden; padding-top: 5px; }

.Iindex2 .Iindex2-2 .list2 li .box .hot { color: #999; padding-top: 5px; height: 24px; line-height: 24px; }

.Iindex2 .Iindex2-2 .list2 li .box .hot i { display: inline-block; vertical-align: middle; background: url("../images/redu.png"); width: 12px; height: 14px; margin: -2px 6px 0 0; }

.Iindex3 .Iindex3-1 { width: 768px; }

.Iindex3 .Iindex3-1 .list { padding-top: 8px; padding-bottom: 24px; }

.Iindex3 .Iindex3-1 .list li { padding: 16px 0; }

.Iindex3 .Iindex3-1 .list li .box { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.Iindex3 .Iindex3-1 .list li .box:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Iindex3 .Iindex3-1 .list li .box .img { width: 172px; height: 96px; border-radius: 12px; overflow: hidden; }

.Iindex3 .Iindex3-1 .list li .box .flex1 { overflow: hidden; padding-left: 20px; }

.Iindex3 .Iindex3-1 .list li .box .flex1 .name { font-size: 16px; display: block; line-height: 28px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 56px; }

.Iindex3 .Iindex3-1 .list li .box .flex1 p { height: 17px; line-height: 17px; font-size: 13px; padding-top: 17px; overflow: hidden; color: #999; }

.Iindex3 .Iindex3-1 .list li .box .flex1 p span { padding-right: 20px; }

.Iindex3 .Iindex3-2 { width: 392px; margin-top: -15px; }

.Iindex3 .Iindex3-2 .list .lis { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; height: 46px; line-height: 46px; font-size: 16px; }

.Iindex3 .Iindex3-2 .list .lis:nth-of-type(-n+3) span { color: #F83030; }

.Iindex3 .Iindex3-2 .list .lis span { display: block; width: 20px; color: #FF803D; padding-right: 13px; text-align: center; font-weight: bold; font-style: italic; }

.Iindex3 .Iindex3-2 .list .lis p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Iindex3 .Iindex3-3 { width: 100%; padding-bottom: 40px; }

.Iindex3 .Iindex3-3 .item { float: left; width: 373px; }

.Iindex3 .Iindex3-3 .item:nth-child(2) { padding: 0 40px; }

.Iindex3 .Iindex3-3 .item .list { padding-top: 16px; position: relative; }

.Iindex3 .Iindex3-3 .item .list::before { left: 3px; top: 25px; border: 1px dashed #ebe9e9; height: calc(100% - 45px); content: ''; position: absolute; z-index: 1; }

.Iindex3 .Iindex3-3 .item .list .lis { height: 40px; line-height: 40px; position: relative; z-index: 1; padding-left: 20px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Iindex3 .Iindex3-3 .item .list .lis:hover::before { background: var(--color); }

.Iindex3 .Iindex3-3 .item .list .lis::before { content: ''; width: 4px; height: 4px; background: #CFCFCF; border-radius: 50%; opacity: 1; display: block; left: 2px; top: 50%; margin-top: -2px; position: absolute; }

.Iindex3 .Iindex3-3 .item .ul1 { padding-top: 8px; width: calc(100% + 16px); }

.Iindex3 .Iindex3-3 .item .ul1 li { float: left; width: 166px; padding: 16px 40px 0 0; }

.Iindex3 .Iindex3-3 .item .ul1 li:nth-child(2n) { padding-right: 0px; }

.Iindex3 .Iindex3-3 .item .ul1 li .box { display: block; width: 100%; }

.Iindex3 .Iindex3-3 .item .ul1 li .box:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Iindex3 .Iindex3-3 .item .ul1 li .img { width: 100%; height: 98px; border-radius: 10px; }

.Iindex3 .Iindex3-3 .item .ul1 li p { height: 44px; line-height: 22px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-top: 8px; }

.Iindex3 .Iindex3-3 .item .ul2 { padding-top: 8px; width: calc(100% + 16px); }

.Iindex3 .Iindex3-3 .item .ul2 li { float: left; width: 114px; height: 114px; padding: 24px 16px 16px 0; }

.Iindex3 .Iindex3-3 .item .ul2 li:nth-child(3n) { padding-right: 0px; }

.Iindex3 .Iindex3-3 .item .ul2 li .img { width: 100%; height: 100%; border-radius: 10px; }

.Iindex3 .Iindex3-3 .item .ul2 li .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Iindex3 .list_but { width: calc(100% + 22px); padding-bottom: 40px; }

.Iindex3 .list_but .btn_ { float: left; height: 45px; line-height: 45px; border: 1px solid #EFEFEF; background: #F9F9F9; padding: 0 20px; font-size: 16px; margin: 24px 20px 0 0; border-radius: 6px; }

.Iindex3 .list_but .btn_:hover { background: var(--hoverbgopacity); color: var(--color); border-color: var(--hoverbgopacity); }

.Iindex3 .Iindex3-4 .list_but { padding-bottom: 0px; width: calc(100% + 30px); }

.Iindex3 .Iindex3-4 .list_but .btn_ { width: 174px; height: 50px; text-align: center; overflow: hidden; line-height: 50px; margin-right: 30px; }

.Iindex_youqing { overflow: hidden; }

.Iindex_youqing .list { line-height: 30px; width: calc(100% + 30px); }

.Iindex_youqing .list a { display: inline-block; vertical-align: middle; margin-right: 30px; }

.QZ-up { background: url("../images/TOP.png") no-repeat center; width: 80px; height: 80px; position: fixed; bottom: 5vh; left: 50%; margin-left: 700px; cursor: pointer; display: none; }

.Min1 .list { overflow: hidden; padding-bottom: 10px; }

.Min1 .list li { float: left; width: 250px; height: 142px; display: block; }

.Min1 .list li .img { width: 100%; height: 100%; display: block; border-radius: 16px; }

.Min1 .list li .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Min1 .list li:first-of-type { width: 498px; height: 300px; margin-right: 20px; }

.Min1 .list li:last-child { margin-top: 16px; }

.Min1 .list .swiper { height: 100%; border-radius: 16px; overflow: hidden; width: 100%; margin-bottom: 8px; }

.Min1 .list .swiper .img { width: 100%; height: 100%; display: block; color: #fff; overflow: hidden; position: relative; border-radius: 16px; }

.Min1 .list .swiper .img p { height: 144px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); opacity: 1; position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 20px; padding-top: 94px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 40px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 18px; }

.Min1 .list .swiper .swiper-button-prev, .Min1 .list .swiper .swiper-button-next { background: none; background: url("../images/prev.png") no-repeat center; width: 32px; height: 32px; cursor: pointer; margin-top: -16px; }

.Min1 .list .swiper .swiper-button-prev:hover, .Min1 .list .swiper .swiper-button-next:hover { opacity: 0.9; }

.Min1 .list .swiper .swiper-button-prev::after, .Min1 .list .swiper .swiper-button-next::after { display: none; }

.Min1 .list .swiper .swiper-button-next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.Min2 .title + .list li:first-child { padding-top: 0px; }

.Min2 .list li { padding: 16px 0; }

.Min2 .list li .box { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.Min2 .list li .box:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Min2 .list li .box .img { width: 172px; height: 96px; border-radius: 12px; overflow: hidden; }

.Min2 .list li .box .flex1 { overflow: hidden; padding-left: 20px; }

.Min2 .list li .box .flex1 .name { font-size: 16px; display: block; line-height: 28px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 56px; }

.Min2 .list li .box .flex1 p { height: 17px; line-height: 17px; font-size: 13px; padding-top: 17px; overflow: hidden; color: #999; }

.Min2 .list li .box .flex1 p span { padding-right: 20px; }

.Min3 .list_but { width: calc(100% + 22px); padding-bottom: 20px; }

.Min3 .list_but .btn_ { float: left; height: 45px; line-height: 45px; border: 1px solid #EFEFEF; background: #F9F9F9; padding: 0 14px; font-size: 16px; margin: 24px 20px 0 0; border-radius: 6px; }

.Min3 .list_but .btn_:hover { background: var(--hoverbgopacity); color: var(--color); border-color: var(--hoverbgopacity); }

.Min3 .title + .list { padding-bottom: 0px; }

.Min3 .title + .list li { margin: 0 24px 24px 0; }

.Min3 .list { padding-bottom: 30px; width: calc(100% + 24px); }

.Min3 .list li { float: left; width: 240px; height: 140px; overflow: hidden; margin: 24px 24px 0 0; border-radius: 12px; }

.Min3 .list li .img { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; }

.Min3 .list li .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Min3 .list li .img .motai { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.Min3 .list li .img .motai.nobj { background: none; }

.Min3 .list li .img .motai p span { display: block; text-align: center; width: 100%; overflow: hidden; height: 32px; line-height: 32px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 16px; }

.Min3 .list.theme li { height: auto; width: 208px; margin-right: 17px; }

.Min3 .list.theme li .img { height: 120px; }

.Min3 .list.theme li .name { height: 48px; padding-top: 10px; display: block; overflow: hidden; font-size: 16px; line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.Min3 .list2 .box { float: left; width: 240px; height: 100px; display: block; margin: 0 24px 24px 0; overflow: hidden; position: relative; }

.Min3 .list2 .box:nth-child(3n) { margin-right: 0px; }

.Min3 .list2 .box img { width: 100%; height: 100%; display: block; }

.Min3 .list2 .box .text { position: absolute; width: 100px; top: 25px; left: 120px; }

.Min3 .list2 .box .text p { height: 20px; line-height: 20px; width: 100%; font-size: 16px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: bold; }

.Min3 .list2 .box .text span { display: block; height: 18px; line-height: 18px; color: #888; padding-top: 10px; overflow: hidden; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Min3 .list3 .box { float: left; width: 240px; height: 100px; display: block; margin: 0 24px 24px 0; overflow: hidden; position: relative; background: url("../images/tu_bj.png") no-repeat center; background-position: 0 0; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }

.Min3 .list3 .box:hover { background-image: url("../images/tu_bj_on.png"); }

.Min3 .list3 .box:nth-child(3n) { margin-right: 0px; }

.Min3 .list3 .box .text p { height: 20px; line-height: 20px; width: 100%; font-size: 16px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: bold; }

.Min3 .list3 .box .text span { display: block; height: 18px; line-height: 18px; color: #888; padding-top: 10px; overflow: hidden; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Min4 .list { overflow: hidden; }

.Min4 .list ul { width: calc(100% + 24px); }

.Min4 .list li { float: left; width: 282px; height: 162px; margin: 0 24px 24px 0; overflow: hidden; border-radius: 12px; }

.Min4 .list li .img { width: 100%; height: 100%; display: block; position: relative; }

.Min4 .list li .img:hover p { top: 0px; }

.Min4 .list li p { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; overflow: hidden; }

.Min5 .list { padding-bottom: 20px; }

.Min5 .list li { overflow: hidden; }

.Min5 .list li .bt { display: block; height: 78px; line-height: 78px; overflow: hidden; font-size: 24px; font-weight: bold; }

.Min5 .list li .text { line-height: 40px; font-size: 18px; word-break: break-all; }

.Min5 .list li .more { float: right; padding-top: 24px; color: var(--color); }

.Min5 .list li .more:hover { text-decoration: underline; }

.Min5 .list2 ul { position: relative; }

.Min5 .list2 ul::before { left: 3px; top: 25px; border-left: 1px dashed #ebe9e9; height: calc(100% - 45px); content: ''; position: absolute; z-index: 1; }

.Min5 .list2 li { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; height: 56px; line-height: 56px; }

.Min5 .list2 li .a { font-size: 18px; overflow: hidden; padding-left: 18px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: relative; }

.Min5 .list2 li .a::before { content: ''; width: 4px; height: 4px; background: #CFCFCF; border-radius: 50%; opacity: 1; display: block; left: 2px; top: 50%; margin-top: -2px; position: absolute; }

.Min5 .list2 li .stup { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.Min5 .list2 li .stup .btn { padding-left: 24px; color: #777; cursor: pointer; }

.Min5 .list2 li .stup .btn.on { color: #F83030; }

.Min5 .list2 li .stup .btn.on .fonticon { fill: #F83030; }

.Min5 .list2 li .stup .fonticon { width: 18px; height: 18px; }

.Min6 .list { padding-bottom: 16px; }

.Min6 .list .box { float: left; margin: 16px 24px 0 0; display: block; overflow: hidden; width: 174px; height: 62px; border-radius: 10px; position: relative; }

.Min6 .list .box img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.Min6 .list .box .motai { position: absolute; top: 100%; left: 0px; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.Min6 .list .box .motai .btn { width: 62px; height: 30px; background: var(--color); border-radius: 30px; opacity: 1; color: #fff; text-align: center; line-height: 30px; font-size: 14px; overflow: hidden; }

.Min6 .list .box:hover .motai { top: 0px; }

.Min6 .list .box:nth-child(4n) { margin-right: 0px; }

.Min6 .list .box.box2 { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; border: 1px solid #EFEFEF; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.Min6 .list .box.box2 img { width: 46px; height: 46px; border-radius: 10px; overflow: hidden; margin: 0 16px 0 24px; }

.Min6 .list .box.box2 p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 16px; }

.Min6 .list ul { width: calc(100% + 60px); }

.Min6 .list ul li { float: left; width: 78px; margin-right: 60px; margin-top: 24px; }

.Min6 .list ul li:nth-of-type(6n) { margin-right: 0px; }

.Min6 .list ul li .img { width: 78px; height: 78px; border-radius: 10px; display: block; }

.Min6 .list ul li .name { height: 43px; width: 100%; text-align: center; line-height: 43px; overflow: hidden; display: block; font-size: 16px; }

.Min6 .list ul li .btn { display: block; height: 32px; background: #F6F6F6; border-radius: 6px; display: block; overflow: hidden; text-align: center; line-height: 32px; color: #999; }

.Min6 .list ul li .btn:hover { background: var(--color); color: #fff; }

.Min6 .title + .list { margin-top: -16px; }

.Min7 .title + .list { margin-top: -10px; }

.Min7 .pagelink { margin-bottom: 16px; }

.Min7 .list li { float: left; width: 46%; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 16px 0; }

.Min7 .list li:nth-of-type(2n) { margin-left: 7.3%; }

.Min7 .list li .img { width: 78px; height: 78px; border-radius: 18px; overflow: hidden; display: block; }

.Min7 .list li .flex1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 0 12px; height: 78px; }

.Min7 .list li .flex1 .name { display: block; padding-top: 7px; height: 24px; line-height: 24px; font-size: 18px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Min7 .list li .flex1 p { padding-top: 17px; height: 18px; line-height: 18px; color: #999; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Min7 .list li .btn { width: 80px; height: 38px; background: var(--hoverbgopacity); color: var(--color); display: block; border-radius: 8px; overflow: hidden; text-align: center; line-height: 38px; }

.Min7 .list li .btn:hover { background: var(--color); color: #fff; }

.Min8 .list { padding-bottom: 16px; }

.Min8 .list li { float: left; width: 47%; height: 30px; line-height: 30px; padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; font-size: 14px; border-bottom: 1px solid #F1F1F1; }

.Min8 .list li:nth-child(2n) { float: right; }

.Min8 .list li span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-right: 10px; min-width: 50px; }

.Min8 .list li a { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Min8 .list.theme li { font-size: 16px; }

.Min8 .list.theme span { color: #666; }

.Min8 .list.theme .cor { cursor: pointer; color: var(--color); }

.Min8 .list2 { width: calc(105%); padding-bottom: 16px; }

.Min8 .list2 .btn { height: 40px; line-height: 40px; border-radius: 20px; opacity: 1; border: 1px solid #E6E6E6; display: block; text-align: center; float: left; margin: 16px 24px 0 0; padding: 0 20px; overflow: hidden; }

.Min8 .list2 .btn:hover { background: var(--color); color: #fff; border-color: var(--color); }

.Min9 { background: #EFF6FE; margin-bottom: 20px; }

.Min9 .center { padding: 42px 0; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.Min9 .center .img_winking { background: url("../images/winking.png") no-repeat center; width: 300px; height: 252px; overflow: hidden; margin-top: 22px; background-size: 100% auto; position: relative; }

.Min9 .center .img_winking img { width: 278px; height: 158px; position: absolute; top: 11px; left: 11px; }

.Min9 .center .flex1 { padding: 0 33px; overflow: hidden; }

.Min9 .center .flex1 .name { height: 46px; line-height: 46px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Min9 .center .flex1 .name .h1 { font-size: 36px; font-weight: bold; margin-right: 18px; }

.Min9 .center .flex1 .name span { color: var(--color); font-size: 16px; }

.Min9 .center .flex1 .list_p { padding-top: 16px; }

.Min9 .center .flex1 .list_p p { height: 40px; line-height: 40px; font-size: 16px; overflow: hidden; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Min9 .center .flex1 .list_p p::before { content: ''; display: inline-block; vertical-align: middle; width: 12px; height: 12px; background: url("../images/jt.png") no-repeat center; margin-right: 10px; }

.Min9 .center .btnwarp { width: 520px; }

.Min9 .center .btnwarp .btn_big { height: 90px; width: 100%; background: var(--color); display: block; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; }

.Min9 .center .btnwarp .btn_big span { display: block; width: 100%; overflow: hidden; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Min9 .center .btnwarp .btn_big span:nth-of-type(1) { font-size: 22px; line-height: 28px; font-weight: bold; }

.Min9 .center .btnwarp .btn_big span:nth-of-type(2) { line-height: 18px; padding-top: 7px; }

.Min9 .center .btnwarp .tips { height: 18px; line-height: 18px; padding-top: 20px; color: #888; overflow: hidden; }

.Min9 .center .btnwarp .btnbox { padding-top: 8px; }

.Min9 .center .btnwarp .btnbox .btn { float: left; display: block; margin: 24px 20px 0 0; background: #FFFFFF; height: 56px; line-height: 56px; width: 250px; overflow: hidden; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.Min9 .center .btnwarp .btnbox .btn:nth-child(2n) { margin-right: 0px; }

.Min9 .center .btnwarp .btnbox .btn:hover { background: var(--color); }

.Min9 .center .btnwarp .btnbox .btn:hover .ico { background-image: url("../images/win_on.png"); }

.Min9 .center .btnwarp .btnbox .btn:hover * { color: #fff; }

.Min9 .center .btnwarp .btnbox .btn .ico { margin: 0 15px 0 20px; width: 28px; height: 28px; background: url("../images/win.png") no-repeat center; display: block; background-size: 100% auto; }

.Min9 .center .btnwarp .btnbox .btn span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; font-weight: bold; font-size: 16px; color: var(--color); display: block; }

.Min9 .center .btnwarp .btnbox .btn p { width: 110px; text-align: center; color: #666; font-size: 12px; position: relative; }

.Min9 .center .btnwarp .btnbox .btn p::before { content: ''; width: 1px; height: 26px; position: absolute; left: 0px; background: #EAEAEA; top: 50%; margin-top: -13px; }

.Min10 .list { padding-bottom: 20px; }

.Min10 .list li { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; margin-top: 24px; }

.Min10 .list li .img { width: 208px; height: 124px; border-radius: 12px; overflow: hidden; }

.Min10 .list li .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Min10 .list li .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 20px; }

.Min10 .list li .infor .name { display: block; font-size: 18px; padding-top: 6px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-bottom: 16px; height: 30px; line-height: 30px; }

.Min10 .list li .infor .bq { height: 28px; padding-top: 10px; overflow: hidden; }

.Min10 .list li .infor .bq .tab { float: left; height: 26px; line-height: 26px; font-size: 12px; border: 1px solid #f1f1f1; padding: 0 15px; border-radius: 20px; margin-right: 12px; }

.Min10 .list li .infor .bq .tab:last-child { margin-right: 0px; }

.Min10 .list li .infor .bq .tab[href]:hover { background: var(--color); color: #fff; border-color: var(--color); }

.Min10 .list li .infor p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; font-size: 12px; color: #888; }

.Min10 .list li .infor p span { padding-right: 20px; }

.Min10 .list li .infor p span:last-child { padding-right: 0px; }

.Min10 .list li .infor .btn_ { padding-top: 8px; height: 38px; line-height: 38px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; }

.Min10 .list li .infor .btn_ .bq { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.Min10 .list li .btn { width: 96px; height: 38px; background: var(--hoverbgopacity); color: var(--color); text-align: center; display: block; border-radius: 6px; overflow: hidden; }

.Min10 .list li .btn:hover { background: var(--color); color: #fff; }

.Min10 .list .float li { float: left; width: 47.5%; }

.Min10 .list .float li:nth-child(2n) { margin-left: 5%; }

.Min10 .list .float li .img { width: 216px; height: 154px; }

.Min10 .list .float li .infor .name { height: 60px; white-space: initial; padding-top: 0px; line-height: 30px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-bottom: 0px; }

.Min10 .list .float li .infor .btn_ { padding-top: 16px; }

.Min10 .title + .list li:first-child { margin-top: 8px; }

.Min10 .title_switch.switchlabe { margin-bottom: 8px; }

.Ritem1 .list .lis { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; height: 46px; line-height: 46px; font-size: 16px; }

.Ritem1 .list .lis:nth-of-type(-n+3) span { color: #F83030; }

.Ritem1 .list .lis span { display: block; width: 20px; color: #FF803D; padding-right: 13px; text-align: center; font-weight: bold; font-style: italic; }

.Ritem1 .list .lis p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Ritem2 .list { width: calc(100% + 16px); padding-bottom: 10px; }

.Ritem2 .list li { float: left; width: 180px; padding: 24px 32px 0 0; }

.Ritem2 .list li:nth-child(2n) { padding-right: 0px; }

.Ritem2 .list li .box { display: block; width: 100%; }

.Ritem2 .list li .box:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Ritem2 .list li .img { width: 100%; height: 104px; border-radius: 12px; }

.Ritem2 .list li p { height: 44px; line-height: 22px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-top: 8px; }

.Ritem3 .list { width: 100%; overflow: hidden; padding-bottom: 10px; }

.Ritem3 .list ul { width: calc(100% + 80px); }

.Ritem3 .list li { float: left; width: 78px; margin: 24px 79px 0 0; }

.Ritem3 .list li:nth-child(3n) { margin-right: 0px; }

.Ritem3 .list li .img { width: 78px; height: 78px; border-radius: 18px; display: block; overflow: hidden; }

.Ritem3 .list li p { height: 20px; padding-top: 10px; text-align: center; overflow: hidden; }

.Ritem4 .list { padding-bottom: 15px; width: calc(100% + 10px); }

.Ritem4 .list .btn { float: left; height: 40px; background: #F9F9F9; width: 100px; padding: 0 5px; line-height: 40px; display: block; overflow: hidden; text-align: center; margin: 24px 28px 0 0; border: 1px solid #F9F9F9; border-radius: 6px; }

.Ritem4 .list .btn:nth-of-type(3n) { margin-right: 0px; }

.Ritem4 .list .btn.on, .Ritem4 .list .btn:hover { background: var(--hoverbgopacity); border-color: var(--color); color: var(--color); }

.pagelink { padding: 20px 0; }

.pagelink ul { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.pagelink ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; background: #F6F6F6; height: 44px; line-height: 44px; border-radius: 6px; cursor: pointer; max-width: 364px; color: #666; }

.pagelink ul li a { display: block; width: 100%; height: 100%; color: #666; }

.pagelink ul li:nth-child(2n) { margin-left: 40px; }

.pagelink ul li.on, .pagelink ul li:hover { background: var(--color); color: #fff; }

.pagelink ul li.on a, .pagelink ul li:hover a { color: #fff; }

.news_infor_h1 { padding: 10px 0; border-bottom: 1px solid #EFEFEF; }

.news_infor_h1 .h1 { line-height: 45px; font-size: 36px; }

.news_infor_h1 p { line-height: 30px; padding-top: 10px; }

.news_infor_h1 .bq { height: 30px; line-height: 30px; color: #999; overflow: hidden; padding-top: 10px; }

.news_infor_h1 .bq span { padding-right: 40px; }

.news_infor_h1 .bq span:last-child { padding-right: 0px; }

.news_infor_h1 .text_ { height: 30px; line-height: 30px; color: #999; overflow: hidden; padding-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.news_infor_h1 .text_ .stup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.news_infor_h1 .text_ .stup .btn { margin-right: 24px; cursor: pointer; cursor: pointer; color: #777; }

.news_infor_h1 .text_ .stup .btn .fonticon { width: 18px; height: 18px; }

.news_infor_h1 .text_ .stup .btn.on { color: #F83030; }

.news_infor_h1 .text_ .stup .btn.on .fonticon { fill: #F83030; }

.news_infor_h1 .text_ .flex1 { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.news_infor_h1 .text_ .flex1 a { color: var(--color); margin-left: 32px; }

.news_infor_h1 .text_ .flex1 a:hover { text-decoration: underline; }

.news_infor_h1 .text_ .flex1 .disabled { color: #777; }

.news_infor_h1 .text_ .flex1 .disabled:hover { text-decoration: none; }

.news_li ul { padding: 15px 0; }

.news_li ul li { height: 38px; line-height: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 1; float: left; width: 48%; }

.news_li ul li:nth-of-type(1)::before, .news_li ul li:nth-of-type(2)::before { height: 50%; top: 50%; }

.news_li ul li:nth-last-of-type(1)::before, .news_li ul li:nth-last-of-type(2)::before { height: 50%; top: 0%; }

.news_li ul li:nth-child(2n) { margin-left: 4%; }

.news_li ul li::before { left: 2px; top: 0%; border-left: 1px dashed #CFCFCF; height: 100%; content: ''; position: absolute; z-index: 1; height: 100%; }

.news_li ul li:hover p::before { background: var(--color); }

.news_li ul li p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 20px; font-size: 14px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: relative; margin-right: 20px; }

.news_li ul li p::before { content: ''; width: 4px; height: 4px; background: #CFCFCF; border-radius: 50%; opacity: 1; display: block; left: 0px; top: 50%; margin-top: -2px; position: absolute; }

.news_li ul li span { color: #999; font-size: 13px; }

.swiperslide { padding: 24px; display: block; position: relative; }

.swiperslide .swiper-prev, .swiperslide .swiper-next { position: absolute; top: 50%; background: url("../images/prev2.png") no-repeat center; width: 10px; height: 34px; background-repeat: 0 0; margin-top: -17px; cursor: pointer; opacity: 0.8; }

.swiperslide .swiper-prev:hover, .swiperslide .swiper-next:hover { opacity: 1; }

.swiperslide .swiper-prev { left: 0px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.swiperslide .swiper-next { right: 0px; }

.swiperslide .swiper-button-disabled { opacity: 0.2; }

.swiperslide .swiper-button-disabled:hover { opacity: 0.2; }

.swiperslide .swiper-slide .img { width: 168px; height: 104px; border-radius: 10px; display: block; overflow: hidden; position: relative; }

.swiperslide .swiper-slide .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.swiperslide .swiper-slide .img:hover p { background: rgba(0, 0, 0, 0.5); text-decoration: underline; }

.swiperslide .swiper-slide .img p { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(0, 0, 0, 0.1); text-align: center; line-height: 30px; color: #fff; }

/*内容详情*/
.details_html { line-height: 40px; padding: 12px 0; word-wrap: break-word; font-size: 18px; }

.details_html p { padding-bottom: 10px; }

.details_html p:first-child > img { margin-top: 0px; }

.details_html img { max-width: 80%; }

.details_html p > img { display: block; max-width: 80%; margin: 5px auto; cursor: pointer; border-radius: 10px; }

.details_html ul { padding-bottom: 10px; }

.details_html table, .details_html iframe, .details_html video { margin: 0 auto; max-width: 100%; margin-bottom: 10px; }

.details_html h3 { font-size: 20px; font-weight: bold; line-height: 40px; padding-bottom: 10px; }

.details_warp .details_html { padding-top: 0px; }

.details_warp .title.bor + .details_html { padding-top: 10px; }

.details_ul ul li { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; height: 52px; line-height: 52px; overflow: hidden; font-size: 15px; padding: 0 16px; border-radius: 4px; }

.details_ul ul li:nth-of-type(odd) { background: #F9F9F9; }

.details_ul ul li span { color: #666; }

.details_ul ul li p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; text-align: right; word-break: break-all; padding-left: 20px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.zt-banner { margin: 10px 0; height: 300px; overflow: hidden; }

.zt-banner .img { width: 100%; height: 100%; border-radius: 16px; }

.contL_Nav { width: 100%; }

.contL_Nav .bt_h { height: 60px; line-height: 60px; font-size: 24px; overflow: hidden; }

.contL_Nav ul li .bt { height: 52px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; padding: 0 12px; line-height: 52px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 6px; }

.contL_Nav ul li .bt .fonticon { width: 24px; height: 24px; margin-right: 10px; }

.contL_Nav ul li .bt a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; font-size: 16px; color: #333; }

.contL_Nav ul li .bt a[href]:hover { color: var(--color); }

.contL_Nav ul li .lis { margin: 8px 0 8px 17px; border-left: 1px solid #DDDDDD; display: none; }

.contL_Nav ul li .lis p { padding: 4px 0 4px 14px; height: 44px; line-height: 44px; position: relative; }

.contL_Nav ul li .lis p::before { position: absolute; left: 0px; top: 50%; width: 6px; height: 1px; background: #DDDDDD; content: ''; }

.contL_Nav ul li .lis p a { display: block; height: 100%; border-radius: 6px; padding: 0 14px; overflow: hidden; font-size: 15px; }

.contL_Nav ul li .lis p a:hover { background: #E1EEFD; color: var(--color); }

.contL_Nav ul li .lis p.on a { background: #E1EEFD; color: var(--color); }

.contL_Nav ul li.on .bt { background: #EFEFEF; font-weight: bold; }

.contL_Nav ul li.mor .bt::after { width: 10px; height: 6px; content: ''; display: block; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; background: url("../images/more.png") no-repeat center; }

.zanbox { padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.zanbox .icon { width: 58px; height: 58px; border-radius: 50%; border: 1px solid var(--hoverbgopacity); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; position: relative; }

.zanbox .icon:hover { background: var(--color); color: #fff; }

.zanbox .icon:hover .fonticon { fill: #fff; }

.zanbox .icon .fonticon { width: 28px; height: 28px; fill: var(--color); }

.down_lis { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; }

.down_lis .img { width: 90px; height: 90px; border-radius: 12px; overflow: hidden; display: block; margin-right: 20px; }

.down_lis .flex1 { overflow: hidden; margin-right: 20px; }

.down_lis .flex1 .h1 { height: 36px; line-height: 36px; font-size: 28px; font-weight: bold; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.down_lis .flex1 p { height: 18px; line-height: 18px; padding-top: 11px; overflow: hidden; color: #666; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.down_lis .flex1 .bq { overflow: hidden; height: 24px; padding-top: 14px; }

.down_lis .flex1 .bq a { display: block; float: left; height: 22px; line-height: 22px; border: 1px solid var(--color); color: var(--color); border-radius: 4px; padding: 0 5px; margin-right: 12px; }

.down_lis .flex1 .bq a[href]:hover { background: var(--color); color: #fff; }

.down_lis .flex1 .bq a:nth-child(3n-1) { color: #FF803D; border-color: #FF803D; }

.down_lis .flex1 .bq a:nth-child(3n-1)[href]:hover { background: #FF803D; }

.down_lis .flex1 .bq a:nth-child(3n) { color: #39B264; border-color: #39B264; }

.down_lis .flex1 .bq a:nth-child(3n)[href]:hover { background: #39B264; }

.down_lis .btnbox { width: 120px; height: 42px; position: relative; margin-top: 31px; cursor: pointer; }

.down_lis .btnbox .btn { text-align: center; display: block; width: 100%; height: 100%; color: #fff; font-size: 16px; background: var(--color); border-radius: 6px; line-height: 42px; }

.down_lis .btnbox .box { position: absolute; width: 260px; padding: 0 24px; right: 0px; -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); background: -webkit-gradient(linear, left top, left bottom, from(#f1fbff), color-stop(50%, #ffffff)); background: -o-linear-gradient(top, #f1fbff 0%, #ffffff 50%); background: linear-gradient(to bottom, #f1fbff 0%, #ffffff 50%); top: 50px; border-radius: 8px; display: none; z-index: 100; }

.down_lis .btnbox .box .bt { height: 60px; line-height: 60px; overflow: hidden; border-bottom: 1px solid #F1F1F1; font-size: 18px; font-weight: bold; color: var(--color); }

.down_lis .btnbox .box .close { position: absolute; background: url("../images/close.png") no-repeat center; width: 12px; height: 12px; right: 24px; top: 26px; cursor: pointer; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.down_lis .btnbox .box .close:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.down_lis .btnbox .box .lis_box { padding: 4px 0; }

.down_lis .btnbox .box .lis_box .lis { padding: 12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; border-bottom: 1px dashed #F1F1F1; height: 28px; line-height: 28px; font-size: 16px; font-weight: 400; }

.down_lis .btnbox .box .lis_box .lis:last-child { border: none; }

.down_lis .btnbox .box .lis_box .lis img { width: 28px; height: 28px; display: block; margin-right: 10px; }

.down_lis .btnbox .box .lis_box .lis span { display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.down_lis .btntab { padding-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.down_lis .btntab .btn { height: 90px; border-radius: 10px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; background: var(--color); color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 24px; }

.down_lis .btntab .btn .p { padding: 0 5px; }

.down_lis .btntab .btn span { display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; opacity: 0.9; }

.down_lis .btntab .btn span:first-child { font-weight: bold; font-size: 22px; height: 28px; line-height: 28px; padding-bottom: 7px; opacity: 1; }

.down_lis .btntab .btn:nth-child(2) { background: #39B264; margin-left: 24px; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 275px; }

.ContL_box { position: relative; }

.ContL_box .ContL-mall { width: 110px; z-index: 100; }

.ContL_box .ContR-mall { width: 658px; }

.ContL_box .sharebox { position: relative; top: 200px; left: 0px; }

.ContL_box .sharebox .btn { width: 90px; display: block; text-align: center; color: #666; margin-bottom: 20px; cursor: pointer; position: relative; }

.ContL_box .sharebox .btn.on { color: #F83030; }

.ContL_box .sharebox .btn.on .ico { border-color: #F83030; }

.ContL_box .sharebox .btn.on .ico .fonticon { fill: #F83030; }

.ContL_box .sharebox .btn .p { display: block; height: 30px; line-height: 30px; overflow: hidden; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.ContL_box .sharebox .btn .ico { width: 48px; height: 48px; border: 1px solid #F1F1F1; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; }

.ContL_box .sharebox .btn .ico .fonticon { width: 22px; height: 22px; fill: #999; }

.ContL_box .sharebox .share { position: absolute; width: 147px; right: -130px; top: 45%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: none; z-index: 100; }

.ContL_box .sharebox .share::before { display: block; content: ''; border-right: 10px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; top: 50%; margin-top: -10px; position: absolute; }

.ContL_box .sharebox .share .social-share { width: 137px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); background: #fff; border-radius: 5px; font-size: 14px; color: #222222; padding: 10px 0; margin-left: 10px; cursor: pointer; }

.ContL_box .sharebox .share .social-share a { display: block; margin: 0; margin-left: 20px; text-align: left; height: 30px; line-height: 30px; color: #222; width: auto; border: none; border-radius: none; font-size: 12px; }

.ContL_box .sharebox .share .social-share a::before { display: none; }

.ContL_box .sharebox .share .social-share a u { display: inline-block; vertical-align: middle; border-radius: 50%; height: 20px; width: 20px; position: relative; background-color: #676b8c; margin: -0px 7px 0 0; }

.ContL_box .sharebox .share .social-share a u::before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background: url("../images/share.png") no-repeat center; width: 12px; height: 12px; background-position: -2px -1px; }

.ContL_box .sharebox .share .social-share a:hover { background: none; }

.ContL_box .sharebox .share .social-share .icon-weibo u { background-color: #f79401; }

.ContL_box .sharebox .share .social-share .icon-weibo u::before { background-position: -2px -32px; width: 15px; }

.ContL_box .sharebox .share .social-share .icon-wechat u { background-color: #3cbf7d; }

.ContL_box .sharebox .share .social-share .icon-wechat u::before { background-position: -1px -16px; width: 15px; }

.ContL_box .sharebox .share .social-share .icon-qzone u { background-color: #fec602; }

.ContL_box .sharebox .share .social-share .icon-qzone u::before { background-position: -2px -48px; width: 14px; height: 12px; }

.ContL_box .Min6 .list ul li { margin-right: 38px; }

.swiperjietu .swiper { margin-bottom: 16px; }

.swiperjietu .swiper .img { width: 100%; height: 178px; border-radius: 8px; }

.swiperjietu .swiper .img img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.swiperjietu .swiper.swiper-h .img { height: 374px; }

.swiperjietu .swiper-pagination-progressbar { position: relative; margin-top: 16px; height: 8px; background: #F9F9F9; border-radius: 8px; overflow: hidden; }

.swiperjietu .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #EEEEEE; border-radius: 8px; }

.swiperjietu .tips { padding-top: 8px; line-height: 40px; text-align: center; color: #999; font-size: 18px; }

/*404*/
.warp404 { padding: 6vh 0; width: 1200px; margin: 0 auto; text-align: center; }

.warp404 img { display: block; margin: 0 auto; }

.warp404 p { color: #333333; line-height: 30px; padding-top: 90px; }

.warp404 p span { color: #ff5050; }

.warp404 .btn { width: 196px; height: 49px; background: var(--color); border-radius: 50px; display: block; margin: 30px auto 0; text-align: center; display: block; line-height: 49px; font-size: 16px; color: #fff; }

.warp404 .btn:hover { opacity: 0.9; }

/* 权限和隐私 */
.layertanbox { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 10; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); /* 反馈 */ }

.layertanbox .textbox { position: absolute; z-index: 5; top: 50%; left: 50%; background: #fff; -webkit-box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.1), 0px -7px 7px 0px rgba(128, 103, 91, 0.2) inset; box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.1), 0px -7px 7px 0px rgba(128, 103, 91, 0.2) inset; border-radius: 20px; width: 400px; padding: 0 20px; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.layertanbox .close { position: absolute; top: -0px; right: -40px; margin: auto; z-index: 10; cursor: pointer; background: url("../images/close2.png") no-repeat center; background-size: 100% 100%; width: 30px; height: 30px; }

.layertanbox .oTitle { position: relative; display: block; text-align: left; padding-left: 15px; padding-top: 15px; height: 60px; }

.layertanbox .oTitle p { display: block; font-size: 30px; color: #333333; font-weight: bold; line-height: 60px; white-space: nowrap; overflow: hidden; }

.layertanbox .closebtn { display: block; cursor: pointer; border: 0; width: 340px; height: 48px; background: #358FF0; border-radius: 10px; color: #fff; font-size: 18px; font-weight: bold; line-height: 48px; margin: 28px auto 34px; overflow: hidden; white-space: nowrap; }

.layertanbox .text { display: block; height: 378px; border: none; padding: 0 30px; line-height: 28px; font-size: 16px; margin: 2px auto 30px; text-align: left; overflow: auto; }

.layertanbox .text strong { display: block; font-size: 16px; color: #4D4D4D; line-height: 36px; }

.layertanbox .text p:nth-of-type(1) { font-weight: bold; margin-bottom: 10px; }

.layertanbox .text p:nth-last-of-type(1) { margin-bottom: 20px; }

.layertanbox.feedBack .feBack > span { font-size: 16px; color: #4C4C4C; line-height: 35px; margin-bottom: 4px; display: block; text-align: left; }

.layertanbox.feedBack .feBack .info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: auto; background: #F9F9F9; -webkit-box-shadow: 0px -6px 6px 0px rgba(179, 179, 179, 0.2) inset; box-shadow: 0px -6px 6px 0px rgba(179, 179, 179, 0.2) inset; border-radius: 12px; padding: 10px; margin-bottom: 2px; }

.layertanbox.feedBack .feBack .info p { font-size: 14px; color: #333; line-height: 88px; }

.layertanbox.feedBack .feBack .otherRe { background: #F9F9F9; -webkit-box-shadow: 0px -6px 6px 0px rgba(179, 179, 179, 0.2) inset; box-shadow: 0px -6px 6px 0px rgba(179, 179, 179, 0.2) inset; border-radius: 12px; overflow: hidden; padding: 7px 0 13px; }

.layertanbox.feedBack .feBack textarea { width: 350px; height: 32px; line-height: 24px; border: none; resize: none; background: transparent; padding: 5px 20px; font-size: 16px; color: #666; }

.layertanbox.feedBack .feBack .photos { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.layertanbox.feedBack .feBack .photoInput { position: relative; width: 64px; height: 64px; border: 1px dashed #ccc; border-radius: 4px; text-align: center; margin-left: 20px; }

.layertanbox.feedBack .feBack .photoInput p { color: #666; font-size: 12px; }

.layertanbox.feedBack .feBack .photoInput p:nth-of-type(1) { font-size: 28px; color: #CDCDCD; margin-top: 6px; line-height: 30px; }

.layertanbox.feedBack .feBack .photoInput input { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }

.layertanbox.feedBack .feBack .photoList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 270px; overflow-x: auto; white-space: nowrap; font-size: 0; overflow-x: -moz-scrollbars-none; -ms-overflow-style: none; padding-bottom: 5px; padding-left: 10px; }

.layertanbox.feedBack .feBack .photoList p { width: 60px; height: 60px; padding: 3px; margin-right: 10px; border: 1px solid #eee; }

.layertanbox.feedBack .feBack .photoList::-webkit-scrollbar { height: 6px; }

.layertanbox.feedBack .feBack .photoList img { width: 60px; height: 60px; display: block; }

.layertanbox.feedBack .feBack .checkbox { position: relative; display: block; width: 50%; height: 25px; line-height: 25px; cursor: pointer; }

.layertanbox.feedBack .feBack .checkbox:nth-last-child(1) { border-bottom: none; }

.layertanbox.feedBack .feBack .checkbox input[type='checkbox'] { position: absolute; left: 0; top: 0; width: 20px; height: 20px; opacity: 0; }

.layertanbox.feedBack .feBack .checkbox label { position: absolute; left: 35px; top: 0; height: 28px; line-height: 28px; width: 124px; font-size: 14px; color: #666; text-align: left; }

.layertanbox.feedBack .feBack .checkbox label:after { content: ''; position: absolute; left: -25px; top: 7px; width: 16px; height: 16px; background: #E0E0E0; -webkit-box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.2) inset; box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.2) inset; border-radius: 50%; }

.layertanbox.feedBack .feBack .checkbox input[type='checkbox']:checked + label:after { background: #ff2741; -webkit-box-shadow: 0px -2px 2px 0px rgba(94, 30, 31, 0.2) inset; box-shadow: 0px -2px 2px 0px rgba(94, 30, 31, 0.2) inset; }

.layertanbox.feedBack .feBack .telBox { overflow: hidden; background-color: #f9f9f9; }

.layertanbox.feedBack .feBack .telBox input { display: block; border: none; padding: 0 20px; width: 360px; height: 40px; line-height: 40px; background: #F4F4F4; border-radius: 10px; font-size: 16px; color: #999; }

.layertanbox.feedBack .feBack .telBox input::-webkit-input-placeholder { color: #999; }

.layertanbox.feedBack .feBack .telBox input:-moz-placeholder { color: #999; }

.layertanbox.feedBack .feBack .telBox input::-moz-placeholder { color: #999; }

.layertanbox.feedBack .feBack .telBox input:-ms-input-placeholder { color: #999; }

.layertanbox.feedBack .feSubmit input { display: block; border: 0; margin: 15px auto 20px; cursor: pointer; font-size: 18px; color: #FEFEFE; width: 100%; height: 48px; background: #358FF0; -webkit-box-shadow: 0px 6px 6px 0px rgba(219, 219, 219, 0.1), 0px -6px 6px 0px rgba(0, 0, 0, 0.2) inset; box-shadow: 0px 6px 6px 0px rgba(219, 219, 219, 0.1), 0px -6px 6px 0px rgba(0, 0, 0, 0.2) inset; border-radius: 10px; }

.layertanbox.orderList .oWin:after, .layertanbox.orderList .oAgin:after { content: ""; position: absolute; left: 30px; margin: auto; top: 13px; display: block; width: 88px; height: 76px; }

.layertanbox.orderList .orderBox form .tel { display: block; border: none; width: 300px; height: 48px; background: #F4F4F4; -webkit-box-shadow: 0px -6px 6px 0px rgba(179, 179, 179, 0.2) inset; box-shadow: 0px -6px 6px 0px rgba(179, 179, 179, 0.2) inset; border-radius: 10px; line-height: 48px; color: #666; font-size: 18px; padding: 0 20px; margin: 0 auto; overflow: hidden; white-space: nowrap; }

.layertanbox.orderList .orderBox form .tel::-webkit-input-placeholder { color: #999; }

.layertanbox.orderList .orderBox form .tel:-moz-placeholder { color: #999; }

.layertanbox.orderList .orderBox form .tel::-moz-placeholder { color: #999; }

.layertanbox.orderList .orderBox form .tel:-ms-input-placeholder { color: #999; }

.layertanbox.orderList .orderBox form .tel:focus { color: #808080; }

.layertanbox.orderList .orderBox form p { color: #404040; font-size: 18px; line-height: 24px; margin-top: 16px; overflow: hidden; white-space: nowrap; }

.layertanbox.orderList .orderBox form p em { color: #358FF0; }

.layertanbox.orderList .orderBox form p:last-of-type { font-size: 16px; color: #ccc; margin-top: 4px; }

.layertanbox.orderList .orderBox form span { color: #358FF0; font-size: 14px; text-align: left; display: block; width: 306px; margin: 0 auto; overflow: hidden; white-space: nowrap; }

.layertanbox.orderList .orderBox form .oBtn, .layertanbox.orderList .orderBox .oKnow { display: block; cursor: pointer; border: 0; width: 340px; height: 48px; line-height: 48px; background: #358FF0; -webkit-box-shadow: 0px -6px 6px 0px rgba(179, 70, 62, 0.2) inset; box-shadow: 0px -6px 6px 0px rgba(179, 70, 62, 0.2) inset; border-radius: 10px; color: #fff; font-size: 18px; font-weight: bold; margin: 21px auto 43px; }

.layertanbox.orderList .orderBox .msg { display: block; color: #358FF0; font-size: 14px; text-align: left; width: 326px; margin: 0 auto; }

.layertanbox.orderList .orderBox .oWin { position: relative; width: 100%; font-size: 18px; border-radius: 3px; text-align: center; padding-top: 118px; }

.layertanbox.orderList .orderBox .oWin > strong { display: block; font-size: 20px; color: #4D4D4D; font-weight: bold; line-height: 28px; margin-bottom: 26px; margin-top: 16px; }

.layertanbox.orderList .orderBox .oWin > i { display: block; width: 64px; height: 64px; background: url("../images/success.png") no-repeat center; margin: auto; position: relative; }

.layertanbox.orderList .orderBox .oAgin { position: relative; width: 100%; font-size: 18px; border-radius: 3px; text-align: center; padding-top: 118px; }

.layertanbox.orderList .orderBox .oAgin > strong { display: block; font-size: 20px; color: #4D4D4D; font-weight: bold; line-height: 28px; margin-bottom: 26px; margin-top: 16px; }

.layertanbox.orderList .orderBox .oAgin > i { display: block; width: 64px; height: 64px; background: url("../images/success.png") no-repeat center; margin: auto; position: relative; }

@-webkit-keyframes fadIn { 0% { display: block;
    opacity: 0.8;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% { display: block;
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px); } }

@keyframes fadIn { 0% { display: block;
    opacity: 0.8;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% { display: block;
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px); } }
